<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>卡片布局案例1</title>
	<style>
		.d1 {
			color: red;
		}
		.d2{
			color: gray;
		}
		
		.d3{
			font-size:20px ;
		}
		
		
		
		#product_card{
			
			border:1px solid black;
			 padding:10px;
			 width: 250px;
			text-align:center;
			
			
			
			
		}	
	
	</style>	
	</head>
	
	<body>
	<!-- 网页；1.0html  解构【原生图分析】 -->	
		<div id="product_card">
		<img src="img/7e4ca1bc61e79249d82304df7f41735.jpg" width="249px" height="350px"  alt="汽车" />	
		<h3 class="d3">小米su7</h3>	
		<p class="d1" >279999.00</p>	
		<p class="d2">已有<span>10万+</span>评价</p>		
		</div>

	</body>
</html>